.loginbtn {
    margin-top: 40px;
    margin-right: 200px;
}

.input:focus,
.passinp:focus {
    color: white;
    margin-top: 50px;
    background-color: #304156;
    /* 添加过渡效果，让变色更自然 */
}


.input:not(:focus),
.passinp:not(:focus) {
    margin-top: 50px;
    background-color: #304156;
    /* 失去焦点时也保持该颜色 */
}

.input,
.passinp {
    color: white;
    width: 600px;   
}

.box {
    width: 100%;
    height: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #304156;
    form{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

h1 {
    color: white;
    margin-bottom: 5 0px;
}